<template>
    <div id="app">
        <div>
            <PTop style="width: 100%;height: 100px;background-color: #2CC3CF;"></PTop>

        </div>
        <div style="display: flex;flex-direction: row;">
            <PLeft style="width: 30%;height: 400px;position: absolute;margin-top: 140px;"></PLeft>
            <router-view
                    style="width: 80%;height: 700px;position: absolute;margin-top:10px;margin-left: 150px;background-color:#2CC3CF;"></router-view>

        </div>
    </div>

</template>

<script>
    import PLeft from '../components/PersonalPage/PLeft.vue'
    import PTop from '../components/PersonalPage/PTop.vue'

    export default {
        name: 'app',
        components: {
            PLeft,
            PTop
        }


    }
</script>
